<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title></title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="robots" content="all,follow">
  <!-- Bootstrap CSS-->
  <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
  <!-- Font Awesome CSS-->
  <link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
  <!-- Custom icon font-->
  <link rel="stylesheet" href="css/fontastic.css">
  <!-- Google fonts - Open Sans-->
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
  <!-- Fancybox-->
  <link rel="stylesheet" href="vendor/@fancyapps/fancybox/jquery.fancybox.min.css">
  <!-- theme stylesheet-->
  <link rel="stylesheet" href="css/style.default.css" id="theme-stylesheet">
  <!-- Custom stylesheet - for your changes-->
  <link rel="stylesheet" href="css/custom.css">
  <!-- Favicon-->
  <link rel="shortcut icon" href="favicon.png">
  <!-- Tweaks for older IEs--><!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>
<body>
<header class="header">
  <!-- Main Navbar-->
  <nav class="navbar navbar-expand-lg">
    <div class="search-area">
      <div class="search-area-inner d-flex align-items-center justify-content-center">
        <div class="close-btn"><i class="icon-close"></i></div>
        <div class="row d-flex justify-content-center">
          <div class="col-md-8">
            <form action="#">
              <div class="form-group">
                <input type="search" name="search" id="search" placeholder="What are you looking for?">
                <button type="submit" class="submit"><i class="icon-search-1"></i></button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
    <div class="container">
      <!-- Navbar Brand -->
      <div class="navbar-header d-flex align-items-center justify-content-between">
        <!-- Navbar Brand --><a href="index.html" class="navbar-brand">引导博客</a>
        <!-- Toggle Button-->
        <button type="button" data-toggle="collapse" data-target="#navbarcollapse" aria-controls="navbarcollapse" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler"><span></span><span></span><span></span></button>
      </div>
      <!-- Navbar Menu -->
      <div id="navbarcollapse" class="collapse navbar-collapse">
        <ul class="navbar-nav ml-auto">
          <li class="nav-item"><a href="index.html" class="nav-link ">首页</a>
          </li>
          <li class="nav-item"><a href="blog.html" class="nav-link ">博客</a>
          </li>
          <li class="nav-item"><a href="post.html" class="nav-link active ">帖子</a>
          </li>
          <li class="nav-item"><a href="#" class="nav-link ">联系</a>
          </li>
        </ul>
        <div class="navbar-text"><a href="#" class="search-btn"><i class="icon-search-1"></i></a></div>
        <ul class="langs navbar-text"><a href="#" class="active">EN</a><span>           </span><a href="#">ES</a></ul>
      </div>
    </div>
  </nav>
</header>
<div class="container">
  <div class="row">
    <!-- Latest Posts -->
    <main class="post blog-post col-lg-8">
      <div class="container">
        <div class="post-single">
          <div class="post-thumbnail"><img src="img/blog-post-3.jpeg" alt="..." class="img-fluid"></div>
          <div class="post-details">
            <div class="post-meta d-flex justify-content-between">
              <div class="category"><a href="#">商业</a><a href="#">财务</a></div>
            </div>
            <h1>工程多样性对问题的影响<a href="#"><i class="fa fa-bookmark-o"></i></a></h1>
            <div class="post-footer d-flex align-items-center flex-column flex-sm-row"><a href="#" class="author d-flex align-items-center flex-wrap">
              <div class="avatar"><img src="img/avatar-1.jpg" alt="..." class="img-fluid"></div>
              <div class="title"><span>约翰·多伊</span></div></a>
              <div class="d-flex align-items-center flex-wrap">
                <div class="date"><i class="icon-clock"></i>两个月前</div>
                <div class="views"><i class="icon-eye"></i> 500</div>
                <div class="comments meta-last"><i class="icon-comment"></i>12</div>
              </div>
            </div>
            <div class="post-body">
              <p class="lead">Lorem存有悲坐阿梅德，消化精英的活力，使劳动和悲伤，一些重要的事情要做eiusmod。多年来，我会来的，谁将会nostrud aliquip她出去锻炼的优势，使刺激措施，如果学区和长寿。</p>
              <p>Lorem存有悲坐阿梅德，consectetur adipiscing ELIT，sed的tempor和活力，使劳动和悲伤，一些重要的事情要做eiusmod。多年来，我会来的，谁将会nostrud aliquip她出去锻炼的优势，使刺激措施，如果学区和长寿。</p>
              <p> <img src="img/featured-pic-3.jpeg" alt="..." class="img-fluid"></p>
              <h3>Lorem存有疼痛</h3>
              <p>迪夫·洛雷姆·伊普苏姆·多洛尔坐在埃米特·康塞蒂图尔告别精英的位子上；暂时性口蹄疫智者是理性的典范，智者是理性的化身；
              </p>
              <blockquote class="blockquote">
                <p>奥勒姆·伊普苏姆·多洛尔（Lorem ipsum dolor sit amet）、阿迪皮斯金（consectetur adipiscing elite）、埃乌斯莫德·莫普蒂姆（sed do eiusmod tempor incidedunt ut labore）和多洛雷·麦格纳·阿利夸（dolore ma。我是一个很好的老师，我是一个很好的老师。 </p>
                <footer class="blockquote-footer">一个有名的人
                  <cite title="Source Title">源标题</cite>
                </footer>
              </blockquote>
              <p>对于像。免费话说，他们的抗议的优势，但它永远是真理的本职工作。谴责它的快感少的选项？对于她的训斥，我会来一些奔往自己，逃到实现正义，要求脱离，也没有任何乐趣。</p>
            </div>
            <div class="post-tags"><a href="#" class="tag">#Business</a><a href="#" class="tag">#Tricks</a><a href="#" class="tag">#Financial</a><a href="#" class="tag">#Economy</a></div>
            <div class="posts-nav d-flex justify-content-between align-items-stretch flex-column flex-md-row"><a href="#" class="prev-post text-left d-flex align-items-center">
              <div class="icon prev"><i class="fa fa-angle-left"></i></div>
              <div class="text"><strong class="text-primary">Previous Post </strong>
                <h6>I Bought a Wedding Dress.</h6>
              </div></a><a href="#" class="next-post text-right d-flex align-items-center justify-content-end">
              <div class="text"><strong class="text-primary">以前后</strong>
                <h6>我买了婚纱</h6>
              </div>
              <div class="icon next"><i class="fa fa-angle-right">   </i></div></a></div>
            <div class="post-comments">
              <header>
                <h3 class="h6">span class="no-of-comments">(3)</span></h3>
              </header>
              <div class="comment">
                <div class="comment-header d-flex justify-content-between">
                  <div class="user d-flex align-items-center">
                    <div class="image"><img src="img/user.svg" alt="..." class="img-fluid rounded-circle"></div>
                    <div class="title"><strong>Jabi Hernandiz</strong><span class="date">2019五月</span></div>
                  </div>
                </div>
                <div class="comment-body">
                  <p>Lorem存有悲坐阿梅德，consectetur adipiscing ELIT，sed的tempor和活力，使劳动和悲伤，一些重要的事情要做eiusmod。多年来来。</p>
                </div>
              </div>
              <div class="comment">
                <div class="comment-header d-flex justify-content-between">
                  <div class="user d-flex align-items-center">
                    <div class="image"><img src="img/user.svg" alt="..." class="img-fluid rounded-circle"></div>
                    <div class="title"><strong>Nikolas</strong><span class="date">2019五月</span></div>
                  </div>
                </div>
                <div class="comment-body">
                  <p>Lorem存有悲坐阿梅德，consectetur adipiscing ELIT，sed的tempor和活力，使劳动和悲伤，一些重要的事情要做eiusmod。多年来来。</p>
                </div>
              </div>
              <div class="comment">
                <div class="comment-header d-flex justify-content-between">
                  <div class="user d-flex align-items-center">
                    <div class="image"><img src="img/user.svg" alt="..." class="img-fluid rounded-circle"></div>
                    <div class="title"><strong>John Doe</strong><span class="date">2019五月</span></div>
                  </div>
                </div>
                <div class="comment-body">
                  <p>Lorem存有悲坐阿梅德，consectetur adipiscing ELIT，sed的tempor和活力，使劳动和悲伤，一些重要的事情要做eiusmod。多年来来。</p>
                </div>
              </div>
            </div>
            <div class="add-comment">
              <header>
                <h3 class="h6">留下回信</h3>
              </header>
              <form action="#" class="commenting-form">
                <div class="row">
                  <div class="form-group col-md-6">
                    <input type="text" name="username" id="username" placeholder="Name" class="form-control">
                  </div>
                  <div class="form-group col-md-6">
                    <input type="email" name="username" id="useremail" placeholder="Email Address (will not be published)" class="form-control">
                  </div>
                  <div class="form-group col-md-12">
                    <textarea name="usercomment" id="usercomment" placeholder="Type your comment" class="form-control"></textarea>
                  </div>
                  <div class="form-group col-md-12">
                    <button type="submit" class="btn btn-secondary">提交</button>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </main>
    <aside class="col-lg-4">
      <!-- Widget [Search Bar Widget]-->
      <div class="widget search">
        <header>
          <h3 class="h6">搜索博客</h3>
        </header>
        <form action="#" class="search-form">
          <div class="form-group">
            <input type="search" placeholder="What are you looking for?">
            <button type="submit" class="submit"><i class="icon-search"></i></button>
          </div>
        </form>
      </div>
      <!-- Widget [Latest Posts Widget]        -->
      <div class="widget latest-posts">
        <header>
          <h3 class="h6">最新帖子</h3>
        </header>
        <div class="blog-posts"><a href="#">
          <div class="item d-flex align-items-center">
            <div class="image"><img src="img/small-thumbnail-1.jpg" alt="..." class="img-fluid"></div>
            <div class="title"><strong>Alberto Savoia可以教你</strong>
              <div class="d-flex align-items-center">
                <div class="views"><i class="icon-eye"></i> 500</div>
                <div class="comments"><i class="icon-comment"></i>12</div>
              </div>
            </div>
          </div></a><a href="#">
          <div class="item d-flex align-items-center">
            <div class="image"><img src="img/small-thumbnail-2.jpg" alt="..." class="img-fluid"></div>
            <div class="title"><strong>Alberto Savoia可以教你</strong>
              <div class="d-flex align-items-center">
                <div class="views"><i class="icon-eye"></i> 500</div>
                <div class="comments"><i class="icon-comment"></i>12</div>
              </div>
            </div>
          </div></a><a href="#">
          <div class="item d-flex align-items-center">
            <div class="image"><img src="img/small-thumbnail-3.jpg" alt="..." class="img-fluid"></div>
            <div class="title"><strong>Alberto Savoia可以教你</strong>
              <div class="d-flex align-items-center">
                <div class="views"><i class="icon-eye"></i> 500</div>
                <div class="comments"><i class="icon-comment"></i>12</div>
              </div>
            </div>
          </div></a></div>
      </div>
      <!-- Widget [Categories Widget]-->
      <div class="widget categories">
        <header>
          <h3 class="h6">分类法</h3>
        </header>
        <div class="item d-flex justify-content-between"><a href="#">成长</a><span>12</span></div>
        <div class="item d-flex justify-content-between"><a href="#">本地的</a><span>25</span></div>
        <div class="item d-flex justify-content-between"><a href="#">销售额</a><span>8</span></div>
        <div class="item d-flex justify-content-between"><a href="#">提示</a><span>17</span></div>
        <div class="item d-flex justify-content-between"><a href="#">本地的</a><span>25</span></div>
      </div>
      <!-- Widget [Tags Cloud Widget]-->
      <div class="widget tags">
        <header>
          <h3 class="h6">标签</h3>
        </header>
        <ul class="list-inline">
          <li class="list-inline-item"><a href="#" class="tag">#商业</a></li>
          <li class="list-inline-item"><a href="#" class="tag">#技术</a></li>
          <li class="list-inline-item"><a href="#" class="tag">#时尚</a></li>
          <li class="list-inline-item"><a href="#" class="tag">#时尚</a></li>
          <li class="list-inline-item"><a href="#" class="tag">#经济</a></li>
        </ul>
      </div>
    </aside>
  </div>
</div>
<!-- Page Footer-->
<footer class="main-footer">
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <div class="logo">
          <h6 class="text-white">RuiyeClub</h6>
        </div>
        <div class="contact-details">
          <p>湖南省株洲市</p>
          <p>QQ: 185048761</p>
          <p>电子邮箱: <a href="mailto:info@company.com">185048761@qq.com</a></p>
          <ul class="social-menu">
            <li class="list-inline-item"><a href="#"><i class="fa fa-facebook"></i></a></li>
            <li class="list-inline-item"><a href="#"><i class="fa fa-twitter"></i></a></li>
            <li class="list-inline-item"><a href="#"><i class="fa fa-instagram"></i></a></li>
            <li class="list-inline-item"><a href="#"><i class="fa fa-behance"></i></a></li>
            <li class="list-inline-item"><a href="#"><i class="fa fa-pinterest"></i></a></li>
          </ul>
        </div>
      </div>
      <div class="col-md-4">
        <div class="menus d-flex">
          <ul class="list-unstyled">
            <li> <a href="#">我的账户</a></li>
            <li> <a href="#">添加清单</a></li>
            <li> <a href="#">价钱</a></li>
            <li> <a href="#">隐私 &amp; 政策</a></li>
          </ul>
          <ul class="list-unstyled">
            <li> <a href="#">我们的伙伴</a></li>
            <li> <a href="#">常见问题</a></li>
            <li> <a href="#">这个怎么运作</a></li>
            <li> <a href="#">联系</a></li>
          </ul>
        </div>
      </div>
      <div class="col-md-4">
        <div class="latest-posts"><a href="#">
          <div class="post d-flex align-items-center">
            <div class="image"><img src="img/small-thumbnail-1.jpg" alt="..." class="img-fluid"></div>
            <div class="title"><strong>所以预算的酒店</strong><span class="date last-meta">2019年10月26日</span></div>
          </div></a><a href="#">
          <div class="post d-flex align-items-center">
            <div class="image"><img src="img/small-thumbnail-2.jpg" alt="..." class="img-fluid"></div>
            <div class="title"><strong>伦敦大街上的阿特斯</strong><span class="date last-meta">2019年10月26日</span></div>
          </div></a><a href="#">
          <div class="post d-flex align-items-center">
            <div class="image"><img src="img/small-thumbnail-3.jpg" alt="..." class="img-fluid"></div>
            <div class="title"><strong>悉尼最好的咖啡馆</strong><span class="date last-meta">2019年10月26日</span></div>
          </div></a></div>
      </div>
    </div>
  </div>
  <div class="copyrights">
    <div class="container">
      <div class="row">
        <div class="col-md-6">
          <p>Copyright &copy; 2019.Company name All rights reserved.</p>
        </div>
        <div class="col-md-6 text-right">


          </p>
        </div>
      </div>
    </div>
  </div>
</footer>
<!-- JavaScript files-->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/popper.js/umd/popper.min.js"> </script>
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="vendor/jquery.cookie/jquery.cookie.js"> </script>
<script src="vendor/@fancyapps/fancybox/jquery.fancybox.min.js"></script>
<script src="js/front.js"></script>
</body>
</html>